<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>animal</title>
    <link rel="stylesheet" href="../css/index.css" />
  </head>
  <body>
    <div id="animal">
      <div class="ans">
        <div class="imgs">
          <img src="../images/index/大合照.png" alt="" />
        </div>
        <div class="animal-name">
          <b>狗子</b>
        </div>
        <div class="animal-images">
          <div class="left-imgs">
            <img src="../images/宠物用品/狗/狗沙.png" alt="" />
            <img src="../images/宠物用品/狗/狗磨牙棒.png" alt="" />
            <img src="../images/宠物用品/狗/狗窝.png" alt="" />
          </div>
          <div class="right-imgs">
            <div class="use-animal">
              <ul>
                <h3>狗狗用品</h3>
                <li>
                  <img
                    src="../images/宠物用品/狗/狗狗用品1.png"
                    alt="go 狗粮"
                  /><br />
                  <p>go 狗粮</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/狗/狗狗用品2.png"
                    alt="皇家狗粮"
                  /><br />
                  <p>皇家狗粮</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/狗/狗狗用品3.png"
                    alt="伯纳天纯"
                  /><br />
                  <p>伯纳天纯</p>
                </li>
              </ul>
            </div>
            <div class="class-animal">
              <ul>
                <h3>狗狗用品分类</h3>
                <li>
                  <img
                    src="../images/宠物用品/狗/狗狗用品分类.png"
                    alt="狗狗主食"
                  />
                  <span>狗狗主食</span>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/狗/狗狗用品分类1.png"
                    alt="狗狗零食"
                  />
                  <span>狗狗零食</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="ans">
        <div class="animal-name">
          <b>猫咪</b>
        </div>
        <div class="animal-images">
          <div class="left-imgs">
            <img src="../images/宠物用品/猫/猫砂.png" alt="猫砂" />
            <img src="../images/宠物用品/猫/猫窝.png" alt="猫窝" />
            <img src="../images/宠物用品/猫/猫罐头.png" alt="猫罐头" />
          </div>
          <div class="right-imgs">
            <div class="use-animal">
              <ul>
                <h3>猫咪用品</h3>
                <li>
                  <img
                    src="../images/宠物用品/猫/猫咪用品1.png"
                    alt="有鱼"
                  /><br />
                  <p>有鱼</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/猫/猫咪用品2.png"
                    alt="比瑞吉"
                  /><br />
                  <p>比瑞吉</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/猫/猫咪用品3.png"
                    alt="加拿大NOW"
                  /><br />
                  <p>加拿大NOW</p>
                </li>
              </ul>
            </div>
            <div class="class-animal">
              <ul>
                <h3>猫咪用品分类</h3>
                <li>
                  <img
                    src="../images/宠物用品/猫/猫咪用品分类1.png"
                    alt="猫咪主食"
                  />
                  <span>猫咪主食</span>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/猫/猫咪用品分类2.png"
                    alt="猫咪零食"
                  />
                  <span>猫咪零食</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="ans">
        <div class="animal-name">
          <b>仓鼠</b>
        </div>
        <div class="animal-images">
          <div class="left-imgs">
            <img src="../images/宠物用品/仓鼠/仓鼠窝.png" alt="仓鼠窝" />
            <img src="../images/宠物用品/仓鼠/仓鼠.png" alt="仓鼠" />
            <img src="../images/宠物用品/仓鼠/仓鼠粮.png" alt="仓鼠粮" />
          </div>
          <div class="right-imgs">
            <div class="use-animal">
              <ul>
                <h3>仓鼠用品</h3>
                <li>
                  <img
                    src="../images/宠物用品/仓鼠/仓鼠用品1.png"
                    alt="迷你秀"
                  /><br />
                  <p>迷你秀</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/仓鼠/仓鼠用品2.png"
                    alt="仓鼠窝"
                  /><br />
                  <p>仓鼠窝</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/仓鼠/仓鼠用品3.png"
                    alt="磨牙石"
                  /><br />
                  <p>磨牙石</p>
                </li>
              </ul>
            </div>
            <div class="class-animal">
              <ul>
                <h3>仓鼠用品分类</h3>
                <li>
                  <img
                    src="../images/宠物用品/仓鼠/仓鼠用品分类1.png"
                    alt="仓鼠主食"
                  />
                  <span>仓鼠主食</span>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/仓鼠/仓鼠用品分类2.png"
                    alt="仓鼠零食"
                  />
                  <span>仓鼠零食</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="ans">
        <div class="animal-name">
          <b>兔子</b>
        </div>
        <div class="animal-images">
          <div class="left-imgs">
            <img src="../images/宠物用品/兔子/兔化毛.png" alt="兔化毛" />
            <img src="../images/宠物用品/兔子/兔油.png" alt="兔油" />
            <img src="../images/宠物用品/兔子/兔粮.png" alt="兔粮" />
          </div>
          <div class="right-imgs">
            <div class="use-animal">
              <ul>
                <h3>兔子用品</h3>
                <li>
                  <img
                    src="../images/宠物用品/兔子/兔子用品1.png"
                    alt="磨牙棒"
                  /><br />
                  <p>磨牙棒</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/兔子/兔子用品2.png"
                    alt="厕所"
                  /><br />
                  <p>厕所</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/兔子/兔子用品3.png"
                    alt="兔砂"
                  /><br />
                  <p>兔砂</p>
                </li>
              </ul>
            </div>
            <div class="class-animal">
              <ul>
                <h3>兔子用品分类</h3>
                <li>
                  <img
                    src="../images/宠物用品/兔子/兔子用品分类1.png"
                    alt="兔子主食"
                  />
                  <span>兔子主食</span>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/兔子/兔子用品分类2.png"
                    alt="兔子零食"
                  />
                  <span>兔子零食</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="ans">
        <div class="animal-name">
          <b>鱼</b>
        </div>
        <div class="animal-images">
          <div class="left-imgs">
            <img src="../images/宠物用品/鱼/金鱼.png" alt="金鱼" />
            <img src="../images/宠物用品/鱼/鱼.png" alt="鱼" />
            <img src="../images/宠物用品/鱼/鱼粮.png" alt="鱼粮" />
          </div>
          <div class="right-imgs">
            <div class="use-animal">
              <ul>
                <h3>鱼用品</h3>
                <li>
                  <img
                    src="../images/宠物用品/鱼/鱼用品1.png"
                    alt="鱼油"
                  /><br />
                  <p>鱼油</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/鱼/鱼用品2.png"
                    alt="排风"
                  /><br />
                  <p>排风</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/鱼/鱼用品3.png"
                    alt="排扇"
                  /><br />
                  <p>排扇</p>
                </li>
              </ul>
            </div>
            <div class="class-animal">
              <ul>
                <h3>鱼用品分类</h3>
                <li>
                  <img
                    src="../images/宠物用品/鱼/鱼用品分类1.png"
                    alt="鱼主食"
                  />
                  <span>鱼主食</span>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/鱼/鱼用品分类2.png"
                    alt="鱼零食"
                  />
                  <span>鱼零食</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="ans">
        <div class="animal-name">
          <b>鸟</b>
        </div>
        <div class="animal-images">
          <div class="left-imgs">
            <img src="../images/宠物用品/鸟/鸟笼.png" alt="鸟笼" />
            <img src="../images/宠物用品/鸟/鸟粮.png" alt="鸟粮" />
            <img src="../images/宠物用品/鸟/鸟零食.png" alt="鸟零食" />
          </div>
          <div class="right-imgs">
            <div class="use-animal">
              <ul>
                <h3>鸟用品</h3>
                <li>
                  <img
                    src="../images/宠物用品/鸟/鸟用品1.png"
                    alt="鸟架"
                  /><br />
                  <p>鸟架</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/鸟/鸟用品2.png"
                    alt="秋千"
                  /><br />
                  <p>秋千</p>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/鸟/鸟用品3.png"
                    alt="鸟窝"
                  /><br />
                  <p>鸟窝</p>
                </li>
              </ul>
            </div>
            <div class="class-animal">
              <ul>
                <h3>鸟用品分类</h3>
                <li>
                  <img
                    src="../images/宠物用品/鸟/鸟用品分类1.png"
                    alt="鸟主食"
                  />
                  <span>鸟主食</span>
                </li>
                <li>
                  <img
                    src="../images/宠物用品/鸟/鸟用品分类2.png"
                    alt="鸟零食"
                  />
                  <span>鸟零食</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
